<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<!--
1.vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。
     单页面就是只有一个HTML文件，其他全是组件
2.vue-router是基于路由和组件的
    路由用于设定访问路径, 将路径和组件映射起来.
    在vue-router的单页面应用中, 页面的路径的改变就是组件的切换.
3.安装vue-router，创建项目的时候安装过路由就不用重新安装
    运行 npm install vue-router --save
4.使用vue-router
    - 在src文件夹下创建router文件夹，在router文件夹下创建index.js文件，在index.js文件里配置路由相关信息
        1.导入vue-router插件
        2.通过vue.use(插件)，安装插件
        3.创建VueRouter对象，配置路由和组件之间的映射关系
        4.将router对象传入到vue实例中，在vue实例中引用
        

-->
</body>
</html>